<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=5.0" charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		
		<link type="text/css" rel="stylesheet" href="css/model/bootstrap.css"  />
		<link type="text/css" rel="stylesheet" href="css/model/swiper.css" />
		<link type="text/css" rel="stylesheet" href="css/layui.css" />
		<link type="text/css" rel="stylesheet" href="css/footer.css" />
		<link type="text/css" rel="stylesheet" href="css/index2.css" />
		
		<script type="text/javascript" src='js/model/jquery-2.1.4.min.js'></script>
		<script type="text/javascript" src="js/model/bootstrap.js"></script>
		<script type="text/javascript" src="js/model/swiper.min.js"></script>
		<script type="text/javascript" src="js/layer/layer.js"></script>
		<script type="text/javascript" src="js/model/reset_font.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
		
		
		<title>优当借书</title>
		<script>
			window.onload=function(){
				$("body").css("opacity",1);
			}
		</script>
	</head>
	<body style="opacity: 0;">
		<!--头部 开始-->
		<div class="top top1">
			<a href="#" class="area area1">
				<span class="mychoseCity">徐州市</span>
				<img src="images/index/arrow1.png" class="arrow_d "/>
			</a>
			<span class="shopname shopname1"><span>新黄河北路店新黄河北路店</span><img src="images/index/homepage1.png" class="homepage homepage1"/></span>
			<div class="menu menu1">
				<img src="images/index/menu1.png"  />
			</div>
		</div>
		<div class="top top2" >
			<a href="#" class="area area2">
				<span>徐州市</span>
				<img src="images/index/arrow2.png" class="arrow_d"/>
			</a>
			<span class="shopname shopname2"><span>新黄河北路店新黄河北路店</span><img src="images/index/homepage2.png" class="homepage homepage2"/></span>
			<div class="menu menu2">
				<img src="images/index/menu2.png"  />
			</div>
		</div>
		<!--头部 结束-->
		<!--轮播图 开始-->
		<div class="lunbotu">
			<div class="swiper-container" id="swiper-container1">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="images/book_detail/goods_02.png"  />
						
					</div>
					<div class="swiper-slide" style="background:#d00216;">
						<!--<img src="images/book_detail/goods_04.png" />-->
					</div>
				</div>
				<div class="swiper-pagination swiper-pagination1"></div>
			</div>
			
			<script language="javascript"> 
				setTimeout(function(){
					var mySwiper = new Swiper('#swiper-container1',{
					autoplay: false,//可选选项，自动滑动
					speed:2000,
					loop : true,
					pagination: {
				    el: '.swiper-pagination1',
				  },
				})
				},100);
				
			</script>
		</div>
		<!--轮播图 结束-->
		<div class="navs" >
			<!--<img src="images/index/index_bg.png" class="index_bg" />-->
			<img src="images/index/nav_bg.png"  class="activitypic" style="display:none" />
			<div style="background: url(images/index/1.png) center no-repeat;">
			<div class="btns" >
				<div class="swiper-container" id="swiper-container2">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<ul class="btnUl" >
							<li>
								<a href="#">
									<img src="images/index/ydjs.png">
									<div>优当借书</div>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="images/index/gxts.png">
									<div>共享图书</div>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="images/index/zxyd.png">
									<div>在线阅读</div>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="images/index/zwpd.png">
									<div>作文品读</div>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="images/index/xqb.png">
									<div>兴趣班</div>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="images/index/zscp.png">
									<div>知识测评</div>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="images/index/ydsc.png">
									<div>优当商城</div>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="images/index/spw.png">
									<div>视频屋</div>
								</a>
							</li>
							<div class="clear"></div>
						</ul>
					</div>
					<div class="swiper-slide" >
						
					</div>
				</div>
				<div class="swiper-pagination swiper-pagination2"></div>
			</div>
			<script language="javascript"> 
				setTimeout(function(){
					var mySwiper2 = new Swiper('#swiper-container2',{
					autoplay: false,//可选选项，自动滑动
					loop : true,
					pagination: {
				    el: '.swiper-pagination2',
				  },
				})
				},100);
				
			</script>
			</div>
			<div class="bar">
				<div class="bar_left">
					<div>
						<span>头条</span>
						<img src="images/index/toutiao.png"  />
					</div>
				</div>
				<div class="bar_right" id="toutiao" >
					<ul class="mingdan" id="holder" >
						
						<li>
							<a href="html/about_index.html">
								<img src="images/index/hot.png" />
								<span>头条新闻1头条新闻1头条新闻1</span>
							</a>
						</li>
						<li>
							<a href="html/about_index.html">
								<img src="images/index/remen.png" />
								<span>头条新闻2头条新闻2头条新闻2</span>
							</a>
						</li>
						<li>
							<a href="html/about_index.html">
								<img src="images/index/hot.png" />
								<span>头条新闻3头条新闻3头条新闻3</span>
							</a>
						</li>
						<li>
							<a href="html/about_index.html">
								<img src="images/index/remen.png" />
								<span>头条新闻4头条新闻4头条新闻4头条新闻4头条新闻4头条新闻4</span>
							</a>
						</li>
					</ul>
				</div>
				<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
				<script type="text/javascript">
					jQuery(".bar").slide({mainCell:".bar_right ul",autoPage:true,effect:"topLoop",autoPlay:true,vis:2});
				</script>
			</div>
			</div>
		</div>
		<div class="events">
			<div class="eventLeft">
				<a class="huodong">
					<div class="hd_title">活动区域</div>
					<div class="hd_entr">热门活动报名入口</div>
					<img src="images/index/hdPic.png" class="hdPic" />
				</a>
			</div>
			<div class="eventRight">
				<a href="#" class="wd">
					<div class="wd_title">优秀问答</div>
					<div class="wd_entr">想你所想，答你所问</div>
					<img src="images/index/wdPic.png" class="wdPic" />
				</a>
				<a href="javascript:;" class="more">
					<div class="more_title">更多</div>
					<div class="more_entr">更多活动敬请期待</div>
					<img src="images/index/morePic.png" class="morePic" />
				</a>
			</div>
			<div class="clear"></div>
		</div>
		<div class="activity">
			<ul class="activityUl">
				<li>
					<a href="#">
						<img src="images/index/qiandao1.png" class="qiandaoPic" />
						<div class="grey0"></div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/index/jifen1.png" class="jifenPic" />
						<div class="grey0"></div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/index/yaoqing1.png" class="yaoqingPic" />
						<div class="grey0"></div>
					</a>
				</li>
			</ul>
		</div>
		<!--主体 开始-->
		<div class="main">
			<!--优当上新  开始-->
			<div class="ydsx_title main_title">
				<img src="images/index/ydsxPic.png" class="ydsxPic" />
				<a href="#">
					<img src="images/index/aheadOr.png" class="ahead" />
				</a>
			</div>
			<ul class="ydsx_list booklist">
				<li>
					<a href="#">
						<img src="images/books/book.png"  />
						<div class="bookname">一个少年的笔记</div>
					</a>
					<div class="editboard" style="background: #FFFFFF;">
						<span class="picleft type1">
							<span class="kc">库存</span>
							<span class="dic"></span>
						</span>
						<span class="count type1">
							<span class="kcs">5</span>
							<span class="mynum">0</span>
						</span>
						<span class="picright type1">
							<span class="add1 add"></span>
						</span>
					</div>
				</li>
				<li>
					<a href="#">
						<img src="images/books/book.png"  />
						<div class="bookname">一个少年的笔记</div>
					</a>
					<div class="editboard" style="background: #FFFFFF;">
						<span class="picleft type1">
							<span class="kc">库存</span>
							<span class="dic"></span>
						</span>
						<span class="count type1">
							<span class="kcs">5</span>
							<span class="mynum">0</span>
						</span>
						<span class="picright type1">
							<span class="add1 add"></span>
						</span>
					</div>
				</li>
				<li>
					<a href="#">
						<img src="images/books/book.png"  />
						<div class="bookname">一个少年的笔记</div>
					</a>
					<div class="editboard" style="background: #FFFFFF;">
						<span class="picleft type1">
							<span class="kc">库存</span>
							<span class="dic"></span>
						</span>
						<span class="count type1">
							<span class="kcs">5</span>
							<span class="mynum">0</span>
						</span>
						<span class="picright type1">
							<span class="add1 add"></span>
						</span>
					</div>
				</li>
				<li>
					<a href="#">
						<img src="images/books/book.png"  />
						<div class="bookname">一个少年的笔记</div>
					</a>
					<div class="editboard" style="background: #FFFFFF;">
						<span class="picleft type1">
							<span class="kc">库存</span>
							<span class="dic"></span>
						</span>
						<span class="count type1">
							<span class="kcs">5</span>
							<span class="mynum">0</span>
						</span>
						<span class="picright type1">
							<span class="add1 add"></span>
						</span>
					</div>
				</li>
				<div class="clear"></div>
			</ul>
			<!--优当上新  结束-->
			<!--优当推荐 开始-->
			<div class="ydtj_title main_title">
				<img src="images/index/ydtjPic.png" class="ydtjPic" />
				<a href="#">
					<img src="images/index/aheadRed.png" class="ahead" />
				</a>
			</div>
			
			<ul class="ydtj_list booklist">
				<li>
					<a href="#">
						<img src="images/books/book.png"  />
						<div class="bookname">一个少年的笔记</div>
					</a>
					<div class="editboard" style="background: #FFFFFF;">
						<span class="picleft type1">
							<span class="kc">库存</span>
							<span class="dic"></span>
						</span>
						<span class="count type1">
							<span class="kcs">5</span>
							<span class="mynum">0</span>
						</span>
						<span class="picright type1">
							<span class="add1 add"></span>
						</span>
					</div>
				</li>
				<li>
					<a href="#">
						<img src="images/books/book.png"  />
						<div class="bookname">一个少年的笔记</div>
					</a>
					<div class="editboard" style="background: #FFFFFF;">
						<span class="picleft type1">
							<span class="kc">库存</span>
							<span class="dic"></span>
						</span>
						<span class="count type1">
							<span class="kcs">5</span>
							<span class="mynum">0</span>
						</span>
						<span class="picright type1">
							<span class="add1 add"></span>
						</span>
					</div>
				</li>
				<li>
					<a href="#">
						<img src="images/books/book.png"  />
						<div class="bookname">一个少年的笔记</div>
					</a>
					<div class="editboard" style="background: #FFFFFF;">
						<span class="picleft type1">
							<span class="kc">库存</span>
							<span class="dic"></span>
						</span>
						<span class="count type1">
							<span class="kcs">5</span>
							<span class="mynum">0</span>
						</span>
						<span class="picright type1">
							<span class="add1 add"></span>
						</span>
					</div>
				</li>
				<li>
					<a href="#">
						<img src="images/books/book.png"  />
						<div class="bookname">一个少年的笔记</div>
					</a>
					<div class="editboard" style="background: #FFFFFF;">
						<span class="picleft type1">
							<span class="kc">库存</span>
							<span class="dic"></span>
						</span>
						<span class="count type1">
							<span class="kcs">5</span>
							<span class="mynum">0</span>
						</span>
						<span class="picright type1">
							<span class="add1 add"></span>
						</span>
					</div>
				</li>
				<li>
					<a href="#">
						<img src="images/books/book.png"  />
						<div class="bookname">一个少年的笔记</div>
					</a>
					<div class="editboard" style="background: #FFFFFF;">
						<span class="picleft type1">
							<span class="kc">库存</span>
							<span class="dic"></span>
						</span>
						<span class="count type1">
							<span class="kcs">5</span>
							<span class="mynum">0</span>
						</span>
						<span class="picright type1">
							<span class="add1 add"></span>
						</span>
					</div>
				</li>
				<li>
					<a href="#">
						<img src="images/books/book.png"  />
						<div class="bookname">一个少年的笔记</div>
					</a>
					<div class="editboard" style="background: #FFFFFF;">
						<span class="picleft type1">
							<span class="kc">库存</span>
							<span class="dic"></span>
						</span>
						<span class="count type1">
							<span class="kcs">5</span>
							<span class="mynum">0</span>
						</span>
						<span class="picright type1">
							<span class="add1 add"></span>
						</span>
					</div>
				</li>
				<div class="clear"></div>
			</ul>
			<!--优当推荐 结束-->
			<!--热门图书 开始-->
			<div class="rmts_title main_title">
				<img src="images/index/rmtsPic.png" class="rmtsPic" />
				<a href="#">
					<img src="images/index/aheadYellow.png" class="ahead" />
				</a>
			</div>
			<!--优当推荐的数据是无限加载-->
			<ul class="rmts_list booklist">
				<li>
					<a href="#">
						<img src="images/books/book.png"  />
						<div class="bookname">一个少年的笔记</div>
					</a>
					<div class="editboard" style="background: #FFFFFF;">
						<span class="picleft type1">
							<span class="kc">库存</span>
							<span class="dic"></span>
						</span>
						<span class="count type1">
							<span class="kcs">5</span>
							<span class="mynum">0</span>
						</span>
						<span class="picright type1">
							<span class="add1 add"></span>
						</span>
					</div>
				</li>
				<li>
					<a href="#">
						<img src="images/books/book.png"  />
						<div class="bookname">一个少年的笔记</div>
					</a>
					<div class="editboard" style="background: #FFFFFF;">
						<span class="picleft type1">
							<span class="kc">库存</span>
							<span class="dic"></span>
						</span>
						<span class="count type1">
							<span class="kcs">5</span>
							<span class="mynum">0</span>
						</span>
						<span class="picright type1">
							<span class="add1 add"></span>
						</span>
					</div>
				</li>
				<li>
					<a href="#">
						<img src="images/books/book.png"  />
						<div class="bookname">一个少年的笔记</div>
					</a>
					<div class="editboard" style="background: #FFFFFF;">
						<span class="picleft type1">
							<span class="kc">库存</span>
							<span class="dic"></span>
						</span>
						<span class="count type1">
							<span class="kcs">5</span>
							<span class="mynum">0</span>
						</span>
						<span class="picright type1">
							<span class="add1 add"></span>
						</span>
					</div>
				</li>
				<li>
					<a href="#">
						<img src="images/books/book.png"  />
						<div class="bookname">一个少年的笔记</div>
					</a>
					<div class="editboard" style="background: #FFFFFF;">
						<span class="picleft type1">
							<span class="kc">库存</span>
							<span class="dic"></span>
						</span>
						<span class="count type1">
							<span class="kcs">5</span>
							<span class="mynum">0</span>
						</span>
						<span class="picright type1">
							<span class="add1 add"></span>
						</span>
					</div>
				</li>
				<li>
					<a href="#">
						<img src="images/books/book.png"  />
						<div class="bookname">一个少年的笔记</div>
					</a>
					<div class="editboard" style="background: #FFFFFF;">
						<span class="picleft type1">
							<span class="kc">库存</span>
							<span class="dic"></span>
						</span>
						<span class="count type1">
							<span class="kcs">5</span>
							<span class="mynum">0</span>
						</span>
						<span class="picright type1">
							<span class="add1 add"></span>
						</span>
					</div>
				</li>
				<li>
					<a href="#">
						<img src="images/books/book.png"  />
						<div class="bookname">一个少年的笔记一个少年的笔记一个少年的笔记</div>
					</a>
					<div class="editboard" style="background: #FFFFFF;">
						<span class="picleft type1">
							<span class="kc">库存</span>
							<span class="dic"></span>
						</span>
						<span class="count type1">
							<span class="kcs">5</span>
							<span class="mynum">0</span>
						</span>
						<span class="picright type1">
							<span class="add1 add"></span>
						</span>
					</div>
				</li>
				<div class="clear"></div>
			</ul>
			<!--优当推荐 结束-->
			<!--返回顶部 开始-->
			<div class="totop">
				<img src="images/index/toTop.png" />
			</div>
			<!--返回顶部 结束-->
			
			
		</div>
		<!--主体 结束-->
		<!--footer 开始-->
		<div class="footer">
			<ul>
				<li>
					<a href="#" class="home active">
						<div class="img"></div>
						<span>首页</span>
					</a>
				</li>
				<li>
					<a href="#" class="news">
						<div class="img"></div>
						<span>动态</span>
					</a>
				</li>
				<li>
					<a href="#"  class="buycars ">
						<div class="img"></div>
						<span>借购车</span>
					</a>
				</li>
				<li>
					<a href="#" class="myorders">
						<div class="img"></div>
						<span>订单</span>
					</a>
				</li>
				<li>
					<a href="#" class="me">
						<div class="img"></div>
						<span>我</span>
					</a>
				</li>
			</ul>
		</div>
		<!--footer 结束-->
		<!--弹窗 开始-->
		<!--本店介绍 开始-->
		<div class="grey grey1">
			<div class="whiteboard" style="background: url(images/grey/whiteboard1.png) center no-repeat;background-size: 100% 100%;">
				<div class="wb_top">本店介绍</div>
				<div class="wb_bot">
					<div class="wb_bot_one wb_bot_title">
						<img src="images/grey/wb_bot_pic_class.png">
						<span >本店图书种类</span>
					</div>
					<div class="wb_bot_num"><span>25</span>种</div>
					
					<div class="wb_bot_two wb_bot_title">
						<img src="images/grey/wb_bot_pic_num.png">
						<span>本店存书数量</span>
					</div>
					<div class="wb_bot_num"><span>255</span>种</div>
					<div class="wb_bot_three wb_bot_title">
						<img src="images/grey/wb_bot_pic_addr.png">
						<span>本店所在地址</span>
					</div>
					<div class="wb_bot_num">江苏省徐州市海海文化产业园a2楼1座创客邦左边</div>
				</div>
			</div>
			<div class="shut" id="shut">
				<img src="images/grey/shut.png"/>
			</div>
		</div>
		<!--本店介绍 结束-->
		
		<!--头部菜单  开始-->
		<div class="grey grey2">
			<div id="menu">
				<ul>
					<li class="kefu">
						<a href="html/kefu.html">
							<img src="images/grey/kefu.png" />
							<div>官方客服</div>
						</a>
					</li>
					<li class="jiameng">
						<a href="html/jiameng.html">
							<img src="images/grey/jiameng.png" />
							<div>加盟开店</div>
						</a>
					</li>
					<li class="tjbd">
						<a href="#" >
							<img src="images/grey/tuijian.png" />
							<div>推荐本店</div>
						</a>
					</li>
					<li class="hezuo">
						<a href="html/hezuo_form.html">
							<img src="images/grey/hezuo.png" />
							<div>业务合作</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!--头部菜单  结束-->
		
		<!--选择区域 开始-->
		<div class="grey grey3" >
			<div class="chose_area" style="background: url(images/grey/grey_wb_bg.png) center no-repeat;background-size: 100%;">
				<div class="shut">
						<img src="images/grey/grey3_shut.png" />
				</div>
				<div class="chose_area_title">
					<a href="html/city_chose.html">
						<img src="images/grey/wb_goback.png"/>
						<span>城市选择</span>
					</a>
				</div>
				
				<div class="yourCity">
					<img src="images/grey/point.png"  />
					<span>您当前城市:</span><span>徐州市</span>
				</div>
				<div class="areaList">
					<ul>
						<li class="active">
							<a href="#">
								新城区
							</a>
						</li>
						<li>
							<a href="#">
								云龙区
							</a>
						</li>
						<li>
							<a href="#">
								泉山区
							</a>
						</li>
						<li>
							<a href="#">
								鼓楼区
							</a>
						</li>
						<li>
							<a href="#">
								九里区
							</a>
						</li>
						<li>
							<a href="#">
								沛县
							</a>
						</li>
						<li>
							<a href="#">
								贾汪
							</a>
						</li>
						<li>
							<a href="#">
								丰县
							</a>
						</li>
						<li>
							<a href="#">
								沛县
							</a>
						</li>
						<li>
							<a href="#">
								贾汪
							</a>
						</li>
						<li>
							<a href="#">
								丰县
							</a>
						</li>
					</ul>
				</div>
			</div>
			
		</div>
		<!--选择区域 结束-->
		
		<!--分享提示 开始-->
		<div class="grey grey4">
			<img src="images/grey/share.png"  />
		</div>
		<!--分享提示 结束-->
		<!--弹窗 结束-->
		<script>
			$(function(){
				$(".more").click(function(){
					layer.msg("更多活动敬请期待");
				})
			})
		</script>
	</body>
</html>
